<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>数据表格</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <link rel="icon" href="../img/web/web.ico"/>
    <link rel="stylesheet" href="../layui/css/layui.css"/>
    <link rel="stylesheet" href="../css/app.css"/>
<body ontouchstart="">

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">

    <div class="layui-col-md4">
        <div class="layui-card">
            <div class="layui-card-header">工具栏表格</div>
            <div class="layui-card-body">

                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">选择数据库</label>
                            <div class="layui-input-inline">
                                <select id="database" name="database" lay-verify="required" lay-search="" lay-filter="select_database">
                                    <option value="">直接选择或搜索选择</option>
                                    <!--<option value="1">layer</option>-->
                                </select>
                            </div>
                        </div>
                    </div>

                    <!--<div class="layui-form-item">-->
                    <!--<label class="layui-form-label">复选框</label>-->
                    <!--<div class="layui-input-block">-->
                    <!--<input type="checkbox" name="like[write]" title="写作">-->
                    <!--<input type="checkbox" name="like[read]" title="阅读" checked="">-->
                    <!--<input type="checkbox" name="like[game]" title="游戏">-->
                    <!--</div>-->
                    <!--</div>-->

                    <!--<div class="layui-form-item" pane="">-->
                    <!--<label class="layui-form-label">原始复选框</label>-->
                    <!--<div class="layui-input-block">-->
                    <!--<input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">-->
                    <!--<input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">-->
                    <!--<input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">-->
                    <!--</div>-->
                    <!--</div>-->

                    <!--<div class="layui-form-item">-->
                    <!--<label class="layui-form-label">开关-默认开</label>-->
                    <!--<div class="layui-input-block">-->
                    <!--<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="layui-form-item">-->
                    <!--<label class="layui-form-label">单选框</label>-->
                    <!--<div class="layui-input-block">-->
                    <!--<input type="radio" name="sex" value="男" title="男" checked="">-->
                    <!--<input type="radio" name="sex" value="女" title="女">-->
                    <!--<input type="radio" name="sex" value="禁" title="禁用" disabled="">-->
                    <!--</div>-->
                    <!--</div>-->

                    <!--<div class="layui-form-item">-->
                        <!--<div class="layui-input-block">-->
                            <!--<button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>-->
                            <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                        <!--</div>-->
                    <!--</div>-->
                </form>
            </div>
        </div>
    </div>


    <div class="layui-col-md8">
        <div class="layui-card">
            <div class="layui-card-header">工具栏表格
                <div class="layui-unselect layui-form-checkbox layui-form-checked" lay-skin="primary" id="selectTableAll"><i class="layui-icon layui-icon-ok"></i></div>
            </div>
            <div class="layui-card-body">
                <form class="layui-form" action="">
                    <ul class="layui-row layui-col-space10 vip-icon-list" id="cont-table">

                        <!--<li class="layui-col-xs4 layui-col-sm3 layui-col-md2">-->
                        <!--<i class="icon vip-icon"></i>-->
                        <!--<div class="name">表格</div>-->
                        <!--<div class="code">&amp;#xe6fc;</div>-->
                        <!--</li>-->

                        <!--<li class="layui-col-xs4 layui-col-sm3 layui-col-md2">-->
                        <!--<i class="icon vip-icon"></i>-->
                        <!--<div class="name">表格</div>-->
                        <!--<div class="code"><input type="checkbox" name="like1[write]" lay-skin="primary" checked=""></div>-->
                        <!--</li>-->
                    </ul>
                </form>
                <!--<form class="layui-form" action="">-->

                <!--<div class="layui-form-item">-->
                <!--<div class="layui-input-block">-->
                <!--<button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>-->
                <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                <!--</div>-->
                <!--</div>-->
                <!--</form>-->
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">

            <div class="layui-col-md7">
                <div class="layui-card">
                    <div class="layui-card-header">工具栏表格</div>
                    <div class="layui-card-body">

                        <form class="layui-form" action="" id="createfilebackground">
                            <!--<div class="layui-form-item">-->
                                <!--<div class="layui-inline">-->
                                    <!--<label class="layui-form-label">选择数据库</label>-->
                                    <!--<div class="layui-input-inline">-->
                                        <!--<select id="database" name="database" lay-verify="required" lay-search="" lay-filter="select_database">-->
                                            <!--<option value="">直接选择或搜索选择</option>-->
                                            <!--&lt;!&ndash;<option value="1">layer</option>&ndash;&gt;-->
                                        <!--</select>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="layui-form-item">-->
                                <!--<div class="layui-inline">-->
                                    <!--<label class="layui-form-label">日期选择</label>-->
                                    <!--<div class="layui-input-block">-->
                                        <!--<input type="text" name="date" id="date1" autocomplete="off" class="layui-input">-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="layui-inline">-->
                                    <!--<label class="layui-form-label">行内表单</label>-->
                                    <!--<div class="layui-input-inline">-->
                                        <!--<input type="text" name="number" autocomplete="off" class="layui-input">-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->

                            <div class="layui-form-item">
                                <label class="layui-form-label">文件信息</label>
                                <!--<div class="layui-input-inline">-->
                                    <!--<select name="quiz2">-->
                                        <!--<option value="">请选择市</option>-->
                                        <!--<option value="杭州">杭州</option>-->
                                        <!--<option value="宁波" disabled="">宁波</option>-->
                                        <!--<option value="温州">温州</option>-->
                                        <!--<option value="温州">台州</option>-->
                                        <!--<option value="温州">绍兴</option>-->
                                    <!--</select>-->
                                <!--</div>-->
                                <div class="layui-input-inline">
                                    <select name="fileEncode">
                                        <option value="">请选择生成文件编码</option>
                                        <option value="UTF-8" selected="">UTF-8</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                </div>
                                <div class="layui-input-inline">
                                    <select name="condenseFormat">
                                        <option value="">请选择压缩格式</option>
                                        <option value="UTF-8" selected="">UTF-8</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                </div>
                                <div class="layui-input-inline">
                                    <select name="downloadFormat">
                                        <option value="">请选择打包格式</option>
                                        <option value="ZIP" selected="">ZIP</option>
                                        <option value="TAR">TAR</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label"></label>
                                <div class="layui-input-inline">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">文件创建时间</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="date" id="date1" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-input-inline">
                                    <select name="quiz3">
                                        <option value="">请选择作者</option>
                                        <option value="UTF-8" selected="">UTF-8</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                </div>
                            </div>


                            <div class="layui-form-item">
                                <label class="layui-form-label">生成类型</label>
                                <div class="layui-input-inline">
                                        <!--<div class="layui-input-block">-->
                                    <input type="checkbox" name="mvcTypes" value="Controller" title="控制层" checked>
                                    <input type="checkbox" name="mvcTypes" value="DTO" title="数据传输层" checked>
                                    <input type="checkbox" name="mvcTypes" value="Model" title="数据模型层" checked>
                                    <hr class="layui-bg-red">
                                    <input type="checkbox" name="mvcTypes" value="Service" title="服务层" checked>
                                    <input type="checkbox" name="mvcTypes" value="ServiceImpl" title="服务实现层" checked>
                                    <input type="checkbox" name="mvcTypes" value="Mapper" title="数据访问层" checked>
                                    <input type="checkbox" name="mvcTypes" value="MapperXML" title="访问配置层" checked>
                                        <!--</div>-->
                                </div>

                                <div class="layui-input-inline">
                                    <select name="templateJavaController">
                                        <option value="">请选择控制层模板</option>
                                        <option value="1" selected="">SpringBoot</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                    <select name="quiz3">
                                        <option value="">请选择服务层模板</option>
                                        <option value="SpringBoot" selected="">SpringBoot</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                    <select name="quiz3">
                                        <option value="">请选择服务层模板</option>
                                        <option value="SpringBoot" selected="">SpringBoot</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                    <select name="quiz3">
                                        <option value="">请选择服务层模板</option>
                                        <option value="SpringBoot" selected="">SpringBoot</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                    <select name="quiz3">
                                        <option value="">请选择服务层模板</option>
                                        <option value="SpringBoot" selected="">SpringBoot</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                    <select name="quiz3">
                                        <option value="">请选择服务层模板</option>
                                        <option value="SpringBoot" selected="">SpringBoot</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                    <select name="quiz3">
                                        <option value="">请选择服务层模板</option>
                                        <option value="SpringBoot" selected="">SpringBoot</option>
                                        <option value="GBK">GBK</option>
                                        <option value="拱墅区">临安市</option>
                                    </select>
                                </div>
                            </div>


                            <!--<div class="layui-form-item">-->
                                <!--<label class="layui-form-label">选择模板</label>-->
                                <!--<div class="layui-input-inline">-->
                                    <!--<select name="quiz3">-->
                                        <!--<option value="">请选择控制层模板</option>-->
                                        <!--<option value="SpringBoot" selected="">SpringBoot</option>-->
                                        <!--<option value="GBK">GBK</option>-->
                                        <!--<option value="拱墅区">临安市</option>-->
                                    <!--</select>-->
                                    <!--<select name="quiz3">-->
                                        <!--<option value="">请选择服务层模板</option>-->
                                        <!--<option value="SpringBoot" selected="">SpringBoot</option>-->
                                        <!--<option value="GBK">GBK</option>-->
                                        <!--<option value="拱墅区">临安市</option>-->
                                    <!--</select>-->
                                    <!--<select name="quiz3">-->
                                        <!--<option value="">请选择服务层模板</option>-->
                                        <!--<option value="SpringBoot" selected="">SpringBoot</option>-->
                                        <!--<option value="GBK">GBK</option>-->
                                        <!--<option value="拱墅区">临安市</option>-->
                                    <!--</select>-->
                                <!--</div>-->
                                <!--<div class="layui-input-inline">-->
                                    <!--<select name="quiz3">-->
                                        <!--<option value="">请选择服务层模板</option>-->
                                        <!--<option value="SpringBoot" selected="">SpringBoot</option>-->
                                        <!--<option value="GBK">GBK</option>-->
                                        <!--<option value="拱墅区">临安市</option>-->
                                    <!--</select>-->
                                <!--</div>-->
                                <!--<div class="layui-input-inline">-->
                                    <!--<select name="quiz3">-->
                                        <!--<option value="">请选择服务层模板</option>-->
                                        <!--<option value="SpringBoot" selected="">SpringBoot</option>-->
                                        <!--<option value="GBK">GBK</option>-->
                                        <!--<option value="拱墅区">临安市</option>-->
                                    <!--</select>-->
                                <!--</div>-->
                            <!--</div>-->



                            <!--<div class="layui-form-item">-->
                            <!--<label class="layui-form-label">复选框</label>-->
                            <!--<div class="layui-input-block">-->
                            <!--<input type="checkbox" name="like[write]" title="写作">-->
                            <!--<input type="checkbox" name="like[read]" title="阅读" checked="">-->
                            <!--<input type="checkbox" name="like[game]" title="游戏">-->
                            <!--</div>-->
                            <!--</div>-->

                            <!--<div class="layui-form-item" pane="">-->
                            <!--<label class="layui-form-label">原始复选框</label>-->
                            <!--<div class="layui-input-block">-->
                            <!--<input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">-->
                            <!--<input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">-->
                            <!--<input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">-->
                            <!--</div>-->
                            <!--</div>-->

                            <!--<div class="layui-form-item">-->
                            <!--<label class="layui-form-label">开关-默认开</label>-->
                            <!--<div class="layui-input-block">-->
                            <!--<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--<div class="layui-form-item">-->
                            <!--<label class="layui-form-label">单选框</label>-->
                            <!--<div class="layui-input-block">-->
                            <!--<input type="radio" name="sex" value="男" title="男" checked="">-->
                            <!--<input type="radio" name="sex" value="女" title="女">-->
                            <!--<input type="radio" name="sex" value="禁" title="禁用" disabled="">-->
                            <!--</div>-->
                            <!--</div>-->

                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button class="layui-btn" lay-submit="" lay-filter="create-file">立即提交</button>
                                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>


            <div class="layui-col-md5">
            <div class="layui-card">
                <div class="layui-card-header">模板信息</div>
                <div class="layui-card-body">

                    <form class="layui-form" action="" id="">
                        <div class="layui-form-item">
                        <div class="layui-input-inline">
                            <select name="fileEncode">
                                <option value="">请选择生成文件编码</option>
                                <option value="UTF-8" selected="">UTF-8</option>
                                <option value="GBK">GBK</option>
                                <option value="拱墅区">临安市</option>
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <select name="condenseFormat">
                                <option value="">请选择压缩格式</option>
                                <option value="UTF-8" selected="">UTF-8</option>
                                <option value="GBK">GBK</option>
                                <option value="拱墅区">临安市</option>
                            </select>
                        </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-inline">
                                <select name="downloadFormat">
                                    <option value="">请选择打包格式</option>
                                    <option value="ZIP" selected="">ZIP</option>
                                    <option value="TAR">TAR</option>
                                    <option value="拱墅区">临安市</option>
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select name="downloadFormat">
                                    <option value="">请选择文件后缀名</option>
                                    <option value=".java" selected="">.java</option>
                                    <option value="TAR">TAR</option>
                                    <option value="拱墅区">临安市</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-form-item">
                                <label class="layui-form-label">包名</label>
                                <div class="layui-input-block">
                                    <input type="text" name="packageName" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类名</label>
                                <div class="layui-input-block">
                                    <input type="text" name="className" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-form-item">
                                <label class="layui-form-label">接口映射地址</label>
                                <div class="layui-input-inline">
                                    <select name="downloadFormat">
                                        <option value="">请选择接口映射地址</option>
                                        <option value="default" selected="">默认</option>
                                        <option value="self">自定义</option>
                                    </select>
                                    <input type="text" name="requestMapping" lay-verify="required" placeholder="自定义时请输入" autocomplete="off" class="layui-input">
                                </div>

                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-form-item">
                            <label class="layui-form-label">作者</label>
                            <div class="layui-input-inline">
                                <select name="author">
                                    <option value="">请选择作者</option>
                                    <option value="殷志远" selected="">殷志远</option>
                                    <option value="GBK">GBK</option>
                                    <option value="拱墅区">临安市</option>
                                </select>
                            </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-form-item">
                                <label class="layui-form-label">中文注释</label>
                                <div class="layui-input-block">
                                    <input type="text" name="annotation" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-form-item">
                                <label class="layui-form-label">文件创建时间</label>
                                <div class="layui-input-inline">
                                    <select name="downloadFormat">
                                        <option value="">请选择文件创建时间</option>
                                        <option value="default" selected="">默认系统生成文件时间</option>
                                        <option value="self">自定义</option>
                                    </select>
                                    <!--<input type="text" name="requestMapping" lay-verify="required" placeholder="自定义时请输入" autocomplete="off" class="layui-input">-->
                                </div>
                                <!--<div class="layui-input-block">-->
                                    <!--<input type="text" name="createTime" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">-->
                                <!--</div>-->
                            </div>
                        </div>



                        <div class="layui-form-item">
                            <label class="layui-form-label">选择模板</label>
                            <div class="layui-input-inline">
                                <select name="quiz3">
                                    <option value="">请选择控制层模板</option>
                                    <option value="SpringBoot" selected="">SpringBoot</option>
                                    <option value="GBK">GBK</option>
                                    <option value="拱墅区">临安市</option>
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select name="quiz3">
                                    <option value="">请选择服务层模板</option>
                                    <option value="SpringBoot" selected="">SpringBoot</option>
                                    <option value="GBK">GBK</option>
                                    <option value="拱墅区">临安市</option>
                                </select>
                            </div>
                            <div class="layui-input-inline">
                                <select name="quiz3">
                                    <option value="">请选择数据访问层模板</option>
                                    <option value="SpringBoot" selected="">SpringBoot</option>
                                    <option value="GBK">GBK</option>
                                    <option value="拱墅区">临安市</option>
                                </select>
                            </div>
                        </div>



                        <!--<div class="layui-form-item">-->
                        <!--<label class="layui-form-label">复选框</label>-->
                        <!--<div class="layui-input-block">-->
                        <!--<input type="checkbox" name="like[write]" title="写作">-->
                        <!--<input type="checkbox" name="like[read]" title="阅读" checked="">-->
                        <!--<input type="checkbox" name="like[game]" title="游戏">-->
                        <!--</div>-->
                        <!--</div>-->

                        <!--<div class="layui-form-item" pane="">-->
                        <!--<label class="layui-form-label">原始复选框</label>-->
                        <!--<div class="layui-input-block">-->
                        <!--<input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">-->
                        <!--<input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">-->
                        <!--<input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">-->
                        <!--</div>-->
                        <!--</div>-->

                        <!--<div class="layui-form-item">-->
                        <!--<label class="layui-form-label">开关-默认开</label>-->
                        <!--<div class="layui-input-block">-->
                        <!--<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="layui-form-item">-->
                        <!--<label class="layui-form-label">单选框</label>-->
                        <!--<div class="layui-input-block">-->
                        <!--<input type="radio" name="sex" value="男" title="男" checked="">-->
                        <!--<input type="radio" name="sex" value="女" title="女">-->
                        <!--<input type="radio" name="sex" value="禁" title="禁用" disabled="">-->
                        <!--</div>-->
                        <!--</div>-->

                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit="" lay-filter="create-file">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        </div>



        <div class="layui-row layui-col-space15">

            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">下载</div>
                    <div class="layui-card-body">
                        <form class="layui-form" action="">
                            <ul class="layui-row layui-col-space10 vip-icon-list" id="downloadFile-table">

                                <!--<li class="layui-col-xs4 layui-col-sm3 layui-col-md2">-->
                                <!--<i class="icon vip-icon"></i>-->
                                <!--<div class="name">表格</div>-->
                                <!--<div class="code">&amp;#xe6fc;</div>-->
                                <!--</li>-->

                                <!--<li class="layui-col-xs4 layui-col-sm3 layui-col-md2">-->
                                <!--<i class="icon vip-icon"></i>-->
                                <!--<div class="name">表格</div>-->
                                    <!--<div class="code"><a href="http://localhost:8088/download" >bb.zip</a></div>-->
                                <!--</li>-->
                            </ul>
                        </form>
                    </div>
                </div>
            </div>

        </div>



</div>
</div>

<script type="text/html" id="menu">
    <button class="layui-btn layui-btn-xs layui-bg-cyan" lay-event="view">查看</button>
    <button class="layui-btn layui-btn-xs layui-bg-gray" lay-event="edit">编辑</button>
    <button class="layui-btn layui-btn-xs layui-bg-red" lay-event="del">删除</button>
</script>   <!-- lay-skin="primary" -->
<script type="text/html" id="align1">
    <input type="checkbox" name="align[left]" title="靠左">
    <input type="checkbox" name="align[center]" title="居中">
    <input type="checkbox" name="align[right]" title="靠右">
</script>





<script type="text/javascript" src="../layui/layui.js"></script>
<script type="text/javascript">
layui.config({base: '../js/'}).use(['layer','table','form','app','baajax'],function(){
    var $ = layui.$, layer = layui.layer, table = layui.table, form = layui.form, app = layui.app, ajax = layui.baajax;

    var databaseId;

    ajax.syncGet("/metadatadatabase/dropDownDatabase",{},function(data){
        var option='';
        $.each(data,function(index,data1){
            option="<option value='"+data1.id+"'>"+data1.id+"-"+data1.nameZh+"</option>";
            $("#database").append(option);
            form.render('select');
        });
    },function(){
        layer.msg("请求失败");
    });



    form.on('select(select_database)', function(data){
        console.log(data.elem); //得到select原始DOM对象
        console.log(data.value); //得到被选中的值
        console.log(data.othis); //得到美化后的DOM对象
        if(''===data.value){
            $("#cont-table").empty();
            return;
        }
        databaseId=data.value;
        ajax.syncGet("/metadatatable/dropDown/"+data.value,{},function(data){
            $("#cont-table").empty();
            var option='';
            $.each(data,function(index,data1){
                option+="<li class=\"layui-col-xs4 layui-col-sm3 layui-col-md2\">";
                option+="<i class=\"icon vip-icon\"></i>";
                option+="<div class=\"name\">"+data1.name+"</div>";
                // option+="<div class=\"code\">&amp;#xe6fc;</div>";
                option+="<div class=\"name\"><input type=\"checkbox\" value=\""+data1.id+"\" lay-skin=\"primary\" checked=\"\" lay-filter=\"table-filter\"  ></div>";
                option+="</li>";
            });
            $("#cont-table").append(option);
            form.render('checkbox');
        },function(){
            layer.msg("请求失败");
        });
    });

    $("#selectTableAll").on('click',function(){

        var classname=$(this).attr('class');
        //选择是点击后不选择
        if(classname=='layui-unselect layui-form-checkbox layui-form-checked'){
            $(this).attr('class','layui-unselect layui-form-checkbox');

            $('#cont-table').find('input[type=checkbox]:checked').each(function(){
                // console.log("你选了："+$('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
                $(this).prop("checked",false);//很简单就不说了哦
            });


            // alert($('#cont-table').find('.layui-unselect .layui-form-checkbox .layui-form-checked').size());
            $('#cont-table').find(".layui-form-checkbox").each(function(){
                $(this).attr('class','layui-unselect layui-form-checkbox');
            });

        }else{
            // alert($('#cont-table').find(".layui-unselect .layui-form-checkbox .layui-form-checked").size());
            $(this).attr('class','layui-unselect layui-form-checkbox layui-form-checked');

            $('#cont-table').find('input[type=checkbox]').each(function(){
                // console.log("你选了："+$('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
                $(this).prop("checked",true);//很简单就不说了哦
            });


            $('#cont-table').find(".layui-form-checkbox").each(function(){
                $(this).attr('class','layui-unselect layui-form-checkbox  layui-form-checked');
            });
        }
//input:checkbox:checked
        $('#cont-table').find('input:checkbox:checked').each(function(){

            console.log("你选了："+$('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
        });


    });

    form.on('checkbox(table-filter)', function(data){
        console.log(data.elem); //得到checkbox原始DOM对象
        console.log(data.elem.checked); //是否被选中，true或者false
        console.log(data.value); //复选框value值，也可以通过data.elem.value得到
        console.log(data.othis); //得到美化后的DOM对象
    });



    form.on('submit(create-file)', function(data){
        console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
        console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
        console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}

        var tableid_array = new Array();

        $('#cont-table').find('input:checkbox:checked').each(function(){
            tableid_array.push($(this).val());//向数组中添加元素
            console.log("你选了："+$('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
        });
        var tableids=tableid_array.join(",");
        console.log(tableids);
        function getMvcTypes() {
            var info = [];
            $('#createfilebackground').find('input[name=mvcTypes]:checked').each(function () {
               info.push($(this).val());
            });
            return info;
        }
        // var requestbody = [];
        var requestbody = data.field;
        requestbody.databaseId=databaseId;
        requestbody.tableIds=tableids;
        requestbody.mvcTypes=getMvcTypes();
        // requestbody.mvcTypeTemplete=tableids;
        console.log("当前请求体对象为："+requestbody);
        console.log(requestbody);
        console.log(JSON.stringify(requestbody));
        ajax.postContentType('/createfile/background',JSON.stringify(requestbody),function(data){
            console.log("请求成功");
            $("#downloadFile-table").empty();
            var option='';
            // $.each(data,function(index,data1){
            //     option+="<li class=\"layui-col-xs4 layui-col-sm3 layui-col-md2\">";
            //     option+="<i class=\"icon vip-icon\"></i>";
            //     option+="<div class=\"name\">"+data1.name+"</div>";
            //     // option+="<div class=\"code\">&amp;#xe6fc;</div>";
            //     option+="<div class=\"name\"><input type=\"checkbox\" value=\""+data1.id+"\" lay-skin=\"primary\" checked=\"\"></div>";
            //     option+="</li>";
            // });

            option+="<li class=\"layui-col-xs4 layui-col-sm3 layui-col-md2\">";
            option+="<i class=\"icon vip-icon\">&#xe67a;</i>";
            // option+="<div class=\"name\">"+data+"</div>";
            // option+="<div class=\"code\">&amp;#xe67a;</div>";
            option+="<div class=\"name\"><a href=\"http://localhost:8088/download\" >"+data+"</a></div>";
            option+="</li>";

            $("#downloadFile-table").append(option);






        },function(data){

            layer.alert("请求失败");
        });



        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });












    var urlValue=parent.layui.$('#url').val();
// layer.alert(tableIdValue);

    var url='';
    if(urlValue){
        url=urlValue;
    }else{
        url=urlValue+'/page/1';
    }



    // 表格
    var table2 = table.render({
        elem: '#demo-table-2'
        ,id: 'table-id-2'
        ,url: url   // 数据接口
        ,page: true                         // 开启分页
        ,loading: true                      // 开启loading
        ,cellMinWidth: 80                   // 每列最小宽度
        ,limits: [15,30,50]                 // 每页条数的选择项
        ,limit: 15                          // 默认每页条数
        ,toolbar: 'default'                 // 开启表格头部工具栏区域 该参数为 layui 2.4.0 开始新增。
        ,defaultToolbar: ['exports', 'filter', 'print'] // 自由配置头部工具栏右侧的图标 该参数为 layui 2.4.1 新增
        ,cols: [[                           // 表头
            {type: 'checkbox',fixed: 'left',rowspan:2}
            ,{title: '数据源',colspan:2,rowspan:1,width:200,align:'center',unresize:true}
            ,{title: '显示源',colspan:8,rowspan:1,width:160,align:'center'}
        ], [
            {field: 'id', title: '编码',unresize:true}
            ,{field: 'field', title: '含义',width:200,unresize:true}
            ,{field: 'source_type', title: '类型',width:200,unresize:true}
            ,{field: 'display_id', title: '编码',unresize:true}
            ,{field: 'display_name', title: '名称',colspan:1,rowspan:1,width:160,unresize:true,edit:true}
            ,{field: 'display_type', title: '类型',width:160,unresize:true,edit:true}
            ,{field: 'display_length', title: '长度',edit:true}
            // ,{field: 'status', title: '状态'}
            // ,{field: 'id', title: '显示位置',fixed: 'right',width:280,align:'center',templet:'#sort'}
            // ,{field: 'sort', title: '显示位置',fixed: 'right',width:280,align:'center',templet:'#align1'}
            ,{field: 'sort', title: '是否排序',fixed: 'right',width:180,align:'center',templet:'#sort'}
            ,{field: 'fixed',title: '固定列',fixed: 'right',width:180,align:'center',templet:'#fixed'}
        ]],
        done:function (res,curr,count){
           var tableView=this.elem.next(".layui-col-view");
           layui.each(tableView.find('tbody select'),function(index,item){
           var elem=$(item);
           elem.parents('div.layui-col-cell').css('overflow','visible');
           });
        }

    });

table.on('edit(testtable)', function(obj){ //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值"
    layer.alert("我编辑了单元格")
  console.log(obj.value); //得到修改后的值
  console.log(obj.field); //当前编辑的字段名
  console.log(obj.data); //所在行的所有相关数据

var checkStatus = table.checkStatus('table-id-2'); //idTest 即为基础参数 id 对应的值
 
console.log(checkStatus.data) //获取选中行的数据
console.log(checkStatus.data.length) //获取选中行数量，可作为是否有选中行的条件
console.log(checkStatus.isAll ) //表格是否全选


layer.alert(JSON.stringify(checkStatus.data));
var ssss=JSON.stringify(checkStatus.data);

$.post('/api/runHtml/table',{json:ssss},function(res){
            if(res.code == 0){
                // 渲染
                // vipTree.render($("#demo-tree"),{
                //     arr: res.list,
                //     simIcon: "&#xe67a;",            // 单个标题字体图标
                //     mouIconOpen: "&#xe683;",        // 含多个标题的打开字体图标
                //     mouIconClose: "&#xe67c;",       // 含多个标题的关闭的字体图标
                //     callback: function (id, name) {
                //         layer.msg("id:" + id + "，名字:" + name);
                //         table.reload('table-id-1', {});
                //     }
                // });
            }
        });










});




    // 监听新增按钮
    $('#vip-btn-add').on('click',function(){
        app.msg('点击了新增按钮');
    });

    // 监听多选删除按钮
    $('#vip-btn-del').on('click',function(){
        var checkStatus = table.checkStatus('table-id-2'); // table-id-2 即为基础参数id对应的值

        if(!checkStatus.data.length){
            app.msg('未选中数据');
            return false;
        }

        if(checkStatus.isAll){
            app.msg('全选了:'+ app.getIds(checkStatus.data) );
        }else{
            app.msg( app.getIds(checkStatus.data) );
        }

        console.log(checkStatus.data);
        //console.log(checkStatus.data);        //获取选中行的数据
        //console.log(checkStatus.data.length); //获取选中行数量，可作为是否有选中行的条件
        //console.log(checkStatus.isAll );      //表格是否全选
    });

    // 监听表格刷新
    $('#vip-btn-refresh').on('click',function(){
        // 重载方式 1
        table2.reload();
        // 重载方式 2
        // table.reload('table-id-2', {})
    });

    // 监听多选提交按钮
    $('#vip-btn-submit').on('click',function(){
        var checkStatus = table.checkStatus(base_table_id+'-table-id'); //test即为基础参数id对应的值
        if(checkStatus.data.length==0){
            layer.msg('请选择要提交的数据');
            return;
        }else{
            var array=checkStatus.data;
            // var arrList=copy(array);
            ajax.post(base_url+"/", {
                jsonstr: JSON.stringify(array)
            }, function (data) {
                if (data.code !== 200) {
                    layer.msg('批量提交失败');
                }else{
                    //obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                    layer.msg('批量提交成功');
                    table_metadata_column.reload();
                }
            });
        }
    });


    // 监听搜索按钮
    $(document).on('click','#vip-btn-search',function(){
        var title = $('input[name=search]').val();
        var select = $('select[name=select]').val();
        if(!title){
            app.msg('搜索不能为空');
            return false;
        }

        layer.alert('标题：'+title+';选择：'+select);
    });

    //监听工具条
    table.on('tool(table)', function(obj){
        var data = obj.data;            //获得当前行数据
        var layEvent = obj.event;       //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr;                //获得当前行 tr 的DOM对象

        if(layEvent === 'view'){ // 查看

            app.msg('您点击了查看');
            // do somehing

        }else if(layEvent === 'edit'){ // 编辑

            app.msg('您点击了编辑');
            // do somehing

        } else if(layEvent === 'del'){ //删除

            layer.confirm('真的删除行么', function(index){
                obj.del(); // 删除对应行（tr）的DOM结构
                layer.close(index);
                // do somehing
            });

        }
    });
});
</script>
</body>
</html>